<%-- 
    Document   : pre-accueil
    Created on : 17 juin 2012, 04:07:19
    Author     : Michael
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="javascript/jquery/css/ui-lightness/jquery-ui-1.8.19.custom.css" />
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
        <script type="text/javascript" src="javascript/jquery/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="javascript/jquery/js/jquery-ui-1.8.19.custom.min.js"></script>
        <title>YouFood</title>
    </head>
    <body>
    <div id="container">
        <div id="header">
            <img src="img/header.jpg" alt="YouFood" title="YouFood" />
        </div>
        <h1 align="center">Bienvenue chez YouFood !</h1>
        <form name="connection" method="POST" action="PreAcceuilClient">
            <table class="pc-liste-accueil" align="center" style="font-size: medium;" cellpadding="10">
                <tr>
                    <td>Choisir une table :</td>
                    <td align="center">
                        <select name="lst_tables" style="width: 145px;">
                            <c:forEach items="${currentEmp.resto.tables}" var="table">
                                <option value="${table.id_table}"><c:out value="${table.nom}"/></option>
                            </c:forEach>
                        </select>
                    </td>
                </tr>
                <tr>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;</td><td align="center"><button type="submit" id="btn_connect" value="Connexion">Connexion</button></td>
                </tr>
            </table>
        </form>
            <script type="text/javascript">
                $(function() {
                $("#btn_connect").button({
                    icons: {
                        primary : "ui-icon-locked"
                    }
                }); 
                });
            </script>
        </div>
    </body>
</html>